跳到主要内容

memo

memo 允许你的组件在 props 没有改变的情况下跳过重新渲染。使用 memo 将组件包装起来,以获得该组件的一个 记忆化 版本。

const MemoizedComponent = memo(SomeComponent, arePropsEqual?)

// 依据arePropsEqual结果;默认情况下,React 将使用 Object.is 比较每个 prop。
  • 当 props 改变时重新渲染
  • 当它自身的状态发生变化时,它仍然会重新渲染。
  • 当其使用的 context 发生变化时,它仍将重新渲染。